﻿<!doctype html>

<html>

<head>

<meta charset="utf-8"/>

<title>小米商城demo</title>

<link rel="stylesheet" type="text/css" href="mi.css"/>

<link rel="icon" href="img/logo.jpg" type="image/x-icon"/>

</head>

<body>

      <div class="test1">
        <div class="positioning-box">
             <div class="nav-bar">
                    <div>
                              <section><a href="https://www.mi.com/" target="_blank" class="icon-title">
                                         <img src="img/download.png">
                                         <p>手机扫一扫<br/>一分赢好礼</p></a></section>
                              <a href="https://www.mi.com/" target="_blank" class="font-icon"></a></div>
                    <div>
                              <section><a href="https://www.mi.com/" target="_blank" class="icon-title">个人中心</a></section>
                              <a href="https://www.mi.com/" target="_blank" class="font-icon"></a></div>
                    <div>
                              <section><a href="https://www.mi.com/" target="_blank" class="icon-title">个人中心</a></section>
                              <a href="https://www.mi.com/" target="_blank" class="font-icon"></a></div>
                    <div>
                              <section><a href="https://www.mi.com/" target="_blank" class="icon-title">个人中心</a></section>
                              <a href="https://www.mi.com/" target="_blank" class="font-icon"></a></div>
                    <div>
                              <section><a href="https://www.mi.com/" target="_blank" class="icon-title">个人中心</a></section>
                              <a href="https://www.mi.com/" target="_blank" class="font-icon"></a></div>
             </div>
        </div>
       </div>

<div class="nav-fixed clearfix">
<header>
<div class="top-nav type-area">
   <ul class="top-left">
      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
      <li><a href="https://www.mi.com/" target="_blank">MIUI</a></li>
      <li><a href="https://www.mi.com/" target="_blank">ioT</a></li>
      <li><a href="https://www.mi.com/" target="_blank">云服务</a></li>
      <li><a href="https://www.mi.com/" target="_blank">金融</a></li>
      <li><a href="https://www.mi.com/" target="_blank">有品</a></li>
      <li><a href="https://www.mi.com/" target="_blank">小爱开放平台</a></li>
      <li><a href="https://www.mi.com/" target="_blank">企业团购</a></li>
      <li><a href="https://www.mi.com/" target="_blank">资质证照</a></li>
      <li><a href="https://www.mi.com/" target="_blank">协议规则</a></li>
      <li class="download-app"><a href="https://www.mi.com/" target="_blank">下载app</a><a class="qr" href="https://www.mi.com/appdownload/" target="_blank"><img src="img/download.png"/><span class="mi-app">小米商城APP</span></a></li>
      <li><a href="https://www.mi.com/" target="_blank">Select Region</a></li>
   </ul>

   <ul class="top-right">
      <li><a href="https://www.mi.com/" target="_blank">登陆</a></li>
      <li><a href="https://www.mi.com/" target="_blank">注册</a></li>
      <li><a href="https://www.mi.com/" target="_blank">消息通知</a></li>
      <li><a href="https://www.mi.com/" target="_blank">购物车（0）</a>
             <div class="buy-list">购物车中还没有商品，赶紧选购吧 !</div>
     </li>
   </ul>
</div>
</header>
</div>

<div class="body-top">
  <nav class="nav-top type-area">

     <div class="nav-left"><a href="https://www.mi.com/" target="_blank"><img src="img/logo.jpg"></a></div>
   
     <div class="nav-right">

      <form action="#">
           <section class="search-label">
              <span>小米9</span>
              <span>小米9 SE</span>
           </section>
           <input type="text" placeholder=""/>
           <input type="submit" value=""/>
           <div class="list-package">
             <ul class="mi-producter">
                 <li><a href="https://www.mi.com" target="_blank">小米9</a></li>
                 <li><a href="https://www.mi.com" target="_blank">Redmi k20 pro</a></li>
                 <li><a href="https://www.mi.com" target="_blank">Redmi k20</a></li>
                 <li><a href="https://www.mi.com" target="_blank">Redmi Note 7 pro</a></li>
                 <li><a href="https://www.mi.com" target="_blank">Redmi Note 7</a></li>
                 <li><a href="https://www.mi.com" target="_blank">小米电视4c</a></li>
                 <li><a href="https://www.mi.com" target="_blank">电视32寸</a></li>
                 <li><a href="https://www.mi.com" target="_blank">笔记本pro</a></li>
                 <li><a href="https://www.mi.com" target="_blank">小爱音响</a></li>
                 <li><a href="https://www.mi.com" target="_blank">净水器</a></li>
             </ul>
           </div>  
      </form>
   </div>

   <ul class="nav-middle">
      <li><a href="https://www.mi.com/" target="_blank">小米手机</a>
             <ul>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/_320.png">
                                    <span>小米CC9</span>
                                    <span>1799元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">Redmi红米</a>
             <ul>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">电视</a>
             <ul>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/bihuadianshi.jpg">
                                    <span>小米壁画电视 65英寸</span>
                                    <span>6999元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">笔记本</a>
             <ul>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/RedmiBook.png">
                                    <span>RedmiBook 14</span>
                                    <span>3999元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">家电</a>
             <ul>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/yijinengxiaokongtiao.png">
                                    <span>米家互联网空调（一级能效）</span>
                                    <span>2499元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">路由器</a>
             <ul>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/luyoumesh.jpg">
                                    <span>小米路由器 Mesh</span>
                                    <span>999元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">智能硬件</a>
             <ul>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li class="nav-new-prod"><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
                    <li><a href="https://www.mi.com/" target="_blank"><img src="img/red.jpg">
                                    <span>Redmi K20 pro</span>
                                    <span>2499元起</span>
                           </a></li>
             </ul>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">服务</a>
      </li>
      <li><a href="https://www.mi.com/" target="_blank">社区</a>
      </li>
      
   </ul>

  </nav>

  <div class="nav-center type-area">
         <section class="nav-center-list">
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
                     <div><a href="https://www.mi.com/" target="_blank">
                                     <span>手机 电话卡</span><span></span>
                               </a>
                               <nav>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                                       <div>
                                               <a href="https://www.mi.com/" target="_blank"><img src="img/_80.png"><span>小米 CC9</span></a>
                                       </div>
                               </nav>
                     </div>
         </section>
         <section class="nav-center-pic">
                  <a href="https://www.mi.com/" target="_blank"><img src="img/xmad_15622509289047_aFrHQ.jpg"></a>
         </section>
  </div>

  <div class="nav-bottom type-area">
      <section class="other-list">
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>选购手机</span></a></div>
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>企业团购</span></a></div>
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>F码通道</span></a></div>
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>米粉卡</span></a></div>
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>以旧换新</span></a></div>
             <div><a href="https://www.mi.com/" target="_blank"><br/><span>话费充值</span></a></div>
       </section>
      <div><a href="https://www.mi.com/" target="_blank"><img src="img/mi-9.jpg"></a></div>
      <div><a href="https://www.mi.com/" target="_blank"><img src="img/note-7.jpg"></a></div>
      <div><a href="https://www.mi.com/" target="_blank"><img src="img/watch-4.jpg"></a></div>
  </div>

  <div class="nav-banner type-area">
         <a href="https://www.mi.com/" target="_blank"><img src="img/banner-first.jpg"/></a>
  </div>

</div>

<div class="content-phone type-area">

   <section class="phone-title">
       <h3>手机</h3>
       <a>查看全部<div></div></a>
   </section>

   <section class="phone-main">
       <div class="phone-left shadow-hover">
            <a href="https://www.mi.com/" target="_blank"><img src="img/xmad_15623273029935_kOZJU.jpg"/></a>
       </div>
       <div class="phone-right">
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover new-product">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover seconds-kill">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover seconds-kill">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover knock">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
             <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1550642182.7527088!220x220.jpg"/>
                  <p>小米9 6GB+128GB</p>
                  <p>骁龙855，索尼4800万超广角微距三摄</p>
                  <p>2799元 <span class="delete-line">2999元</span></p>
             </a>
       </div>
   </section>

</div>

<div class="main-banner">
   <a href="https://www.mi.com/" target="_blank"><img src="img/xmad_15617044776801_SBenC.jpg"/></a>
</div>

<div class="household-appliances type-area">

   <section class="article-title">
       <h3>家电</h3>
       <div>
             <a href="https://www.mi.com/" target="_blank">热门</a>
             <a href="https://www.mi.com/" target="_blank">电视影音</a>
             <a href="https://www.mi.com/" target="_blank">电脑</a>
             <a href="https://www.mi.com/" target="_blank">家居</a>
       </div>
   </section>

   <section class="household-appliances-list">

          <a href="https://www.mi.com/" target="_blank" class="shadow-hover"><img src="img/xmad_15592691335069_EKHub.jpg"/></a>

          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover knock">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover knock">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover new-product">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>

          <a href="https://www.mi.com/" target="_blank" class="shadow-hover"><img src="img/xmad_15592691335069_EKHub.jpg"/></a>

          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover new-product">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover knock">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover new-product">
                  <img src="img/pms_1535103027.24861415!220x220.jpg"/>
                  <p>小米电视4A 65英寸</p>
                  <p> </p>
                  <p>2799元 <span class="delete-line">2999元</span></p>

                  <section class="information-annotation">
                          <p>画质很清晰，比大牌画质都好，但是在网上看了很多评论说...</p>
                          <p> 来自于<mark>2197576303</mark>的评价 </p>
                  </section>
          </a>
               <section class="list-end">
                    <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                             <p>米家电烤箱<br/><span>299元</span></p>
                             <img src="img/pms_1559644554.04136931!220x220.jpg"/>
                    </a>
                    <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                             <p>浏览更多<br/><span>热门</span></p>
                             <h2></h2> 
                    </a>
               </section>
   </section>

</div>

<div class="main-banner">
   <a href="https://www.mi.com/" target="_blank"><img src="img/xmad_15616416915404_oeXOL.jpg"/></a>
</div>

<div class="recommended type-area">

    <section class="recommended-title">
             <h3>为你推荐</h3>
             <div>
                      <a href="https://www.mi.com/" target="_blank"></a>
                      <a href="https://www.mi.com/" target="_blank"></a>
             </div>
    </section>
             
    <section class="recommended-content">
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1554108362.70322107!280x280.jpg"/>
                  <p>米家互联网空调C1（一级能效）</p>
                  <p>2799 元</p>
           </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1554108362.70322107!280x280.jpg"/>
                  <p>米家互联网空调C1（一级能效）</p>
                  <p>2799 元</p>
           </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1554108362.70322107!280x280.jpg"/>
                  <p>米家互联网空调C1（一级能效）</p>
                  <p>2799 元</p>
           </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1554108362.70322107!280x280.jpg"/>
                  <p>米家互联网空调C1（一级能效）</p>
                  <p>2799 元</p>
           </a>
          <a href="https://www.mi.com/mi9/" target="_blank" class="shadow-hover">
                  <img src="img/pms_1554108362.70322107!280x280.jpg"/>
                  <p>米家互联网空调C1（一级能效）</p>
                  <p>2799 元</p>
           </a>
    </section>

</div>

<div class="main-banner">
   <a href="https://www.mi.com/" target="_blank"><img src="img/xmad_15517943282724_lhogK.jpg"/></a>
</div>

<div class="mi-video type-area">

    <section class="video-title">
             <h3>为你推荐</h3>
             <a>
                    <span>查看全部</span>
                    <span></span>
             </a>
    </section>

    <section class="video-content">
            <div class="shadow-hover">
                   <a href="https://www.mi.com/" target="_blank">
                            <img src="img/xmad_15519291062065_hikIJ.jpg"/>
                            <span></span>
                   </a>
                   <p>
                             <a href="https://www.mi.com/" target="_blank">王源 & 小米9 全新广告大片</a>
                             <br/>好看又能打！我反正被帅到了，Will You？
                   </p>
                  
                   
            </div>
            <div class="shadow-hover">
                   <a href="https://www.mi.com/" target="_blank">
                            <img src="img/xmad_15519291062065_hikIJ.jpg"/>
                            <span></span>
                   </a>
                   <p>
                             <a href="https://www.mi.com/" target="_blank">王源 & 小米9 全新广告大片</a>
                             <br/>好看又能打！我反正被帅到了，Will You？
                   </p>
            </div>
            <div class="shadow-hover">
                   <a href="https://www.mi.com/" target="_blank">
                            <img src="img/xmad_15519291062065_hikIJ.jpg"/>
                            <span></span>
                   </a>
                   <p>
                             <a href="https://www.mi.com/" target="_blank">王源 & 小米9 全新广告大片</a>
                             <br/>好看又能打！我反正被帅到了，Will You？
                   </p>
            </div>
            <div class="shadow-hover">
                   <a href="https://www.mi.com/" target="_blank">
                            <img src="img/xmad_15519291062065_hikIJ.jpg"/>
                            <span></span>
                   </a>
                   <p>
                             <a href="https://www.mi.com/" target="_blank">王源 & 小米9 全新广告大片</a>
                             <br/>好看又能打！我反正被帅到了，Will You？
                   </p>
            </div>
    </section>
</div>

<div class="bottom-list clearfix">
       <section class="bottom-list-title type-area">
               <div>
                       <a href="https://www.mi.com/" target="_blank"> 预约维修服务</a>
               </div>
               <div>
                       <a href="https://www.mi.com/" target="_blank"> 7天无理由退货</a>
               </div>
               <div>
                       <a href="https://www.mi.com/" target="_blank"> 15天免费换货</a>
               </div>
               <div>
                       <a href="https://www.mi.com/" target="_blank"> 满150元包邮</a>
               </div>
               <div>
                       <a href="https://www.mi.com/" target="_blank"> 520余家售后网点</a>
               </div>
       </section>

       <section class="bottom-list-content type-area">
                <div class="bottom-list-content-left">
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                            <section>
                                   <h5>帮助中心</h5>
                                   <h6><a href="https://www.mi.com/" target="_blank">账户管理</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">购物指南</a></h6>
                                   <h6><a href="https://www.mi.com/" target="_blank">订单操作</a></h6>
                            </section>
                </div>
                <div class="bottom-list-content-right">
                           <h2>400-100-5678</h2>
                           <p>周一至周日 8:00-18:00<br/>（仅收市话费）</p>
                           <a href="https://www.mi.com/" target="_blank"> 联系客服</a>
                </div>
       </section>
</div>

<footer class="type-area">
       <section class="mi-logo">
             <a href="https://www.mi.com/" target="_blank"><img src="img/timg.jpg"/></a>
       </section>
       <section class="legal-information">
               <ul class="clearfix">
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米商城</a></li>
               </ul>
               <p>
                       ©<a href="https://www.mi.com/" target="_blank">小米商城</a>
                        京ICP证110507号
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">京ICP备10046444号</a>
                       <a href="https://www.mi.com/" target="_blank">京网文[2017]1530-131号 </a>
                       <a href="https://www.mi.com/" target="_blank">京公网安备11010802020134号</a>
               </p>
               <p>
                       ©<a href="https://www.mi.com/" target="_blank">小米商城</a>
                        京ICP证110507号
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">京ICP备10046444号</a>
                       <a href="https://www.mi.com/" target="_blank">京网文[2017]1530-131号 </a>
                       <a href="https://www.mi.com/" target="_blank">京公网安备11010802020134号</a>
               </p>
               <p>
                       ©<a href="https://www.mi.com/" target="_blank">小米商城</a>
                        京ICP证110507号
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">京ICP备10046444号</a>
                       <a href="https://www.mi.com/" target="_blank">京网文[2017]1530-131号 </a>
                       <a href="https://www.mi.com/" target="_blank">京公网安备11010802020134号</a>
               </p>
               <p>
                       ©<a href="https://www.mi.com/" target="_blank">小米商城</a>
                        京ICP证110507号
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">小米商城</a>
                       <a href="https://www.mi.com/" target="_blank">京ICP备10046444号</a>
                       <a href="https://www.mi.com/" target="_blank">京网文[2017]1530-131号 </a>
                       <a href="https://www.mi.com/" target="_blank">京公网安备11010802020134号</a>
               </p>
               <section class="government-department">
                       <a href="https://www.mi.com/" target="_blank"><img src="img/truste.png"/></a>
                       <a href="https://www.mi.com/" target="_blank"><img src="img/v-logo-2.png"/></a>
                       <a href="https://www.mi.com/" target="_blank"><img src="img/v-logo-1.png"/></a>
                       <a href="https://www.mi.com/" target="_blank"><img src="img/v-logo-3.png"/></a>
                       <a href="https://www.mi.com/" target="_blank"><img src="img/ba10428a4f9495ac310fd0b5e0cf8370.png"/></a>
              </section>
      </section>

</footer>

</body>

</html>























